<template>
	<view class="centen">
		<view class="namelist" @click="name">
			<image src="../../../../static/images/user/namelist.png" mode=""></image>
			<view>游客名单</view>
		</view>
		<view class="namelist" @click="orders">
			<image src="../../../../static/images/user/reserveyl.png" mode=""></image>
			<view>预订单</view>
		</view>
		<view class="namelist" @click="paymentyl">
			<image src="../../../../static/images/user/paymentyl.png" mode=""></image>
			<view>付款记录</view>
		</view>
		<view class="namelist" @click="history">
			<image src="../../../../static/images/user/history.png" mode=""></image>
			<view>调价历史</view>
		</view>
		<view class="namelist" @click="tripyl">
			<image src="../../../../static/images/user/tripyl.png" mode=""></image>
			<view>出团单</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			name(){
				uni.navigateTo({
					url:'name'
				})
			},
			orders(){
				uni.navigateTo({
					url:'orders'
				})
			},
			paymentyl(){
				uni.navigateTo({
					url:'record'
				})
			},
			history(){
				uni.navigateTo({
					url:'modify_price'
				})
			},
			tripyl(){
				uni.navigateTo({
					url:'tripyl'
				})
			}
		}
	}
</script>

<style>
	.namelist{
		width: 30%;
		text-align: center;
		margin: 20upx 1.65%;
	}
	.namelist image{
		width: 120upx;
		height: 120upx;
	}
	.namelist view{
		font-size: 32upx;
		color: #333;
		line-height: 1.4;
	}
	.centen{
		width: 94%;
		padding: 20upx 3%;
		display: flex;
		flex-flow: wrap;
	}
</style>
